<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
	body{font-size:12px;text-align:center}
	div{float:left;border:solid 1px #ccc;margin:8px;width:65px;height:65px;display:none}
</style>
<script type="text/javascript" src="../../../js/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
	$(function(){
		$("div[id]").show(3000);
		//所有含有id属性的元素
	})
	$(function(){
		$("div[title='A']").show(3000);
		//所有属性title值为A的元素
	})
	$(function(){
		$("div[title!='A']").show(3000);
		//所有属性title值不为A的元素
	})
	$(function(){
		$("div[title^='A']").show(3000);
		//所有属性title以A开头的元素
	})
	$(function(){
		$("div[title$='C']").show(3000);
		//所有属性title以C结束的元素
	})
	$(function(){
		$("div[title*='B']").show(3000);
		//所有属性title值中含有的元素
	})
	$(function(){
		$("div[id='divAB'][title*='B']").show(3000);
		//所有属性title值含有B且id为divAB的元素
	})
</script>
</head>
<body>
	<div id="divID">ID</div>
	<div title="A">Title A</div>
	<div id="divAB" title="AB">ID<br/>Title AB</div>
	<div title="ABC">Title ABC</div>
</body>
</html>